<template>
  <CollapsePanel title="独立面板一" arrow-type="left">
    <p>一些内容一些内容一些内容</p>
    <p>一些内容一些内容一些内容</p>
  </CollapsePanel>
  <br />
  <CollapsePanel card>
    <template #title>
      <Icon style="margin-inline-end: 6px">
        <ChartLine></ChartLine>
      </Icon>
      独立面板二
    </template>
    <p>一些内容一些内容一些内容</p>
    <p>一些内容一些内容一些内容</p>
  </CollapsePanel>
</template>

<script setup lang="ts">
import { ChartLine } from '@vexip-ui/icons'
</script>

<style scoped>
.vxp-collapse__panel {
  max-width: 500px;
}
</style>
